<template>
    <div class="q-footer">
        <div class="q-home-footer">
            <div class="footer-wrap">
                <div class="footer-inner">
                    <ul class="footer-about clearfix">
                        <li>
                            <dl>
                                <dt>关于我们</dt>
                                <dd><a href="//nav.qyer.com/about" target="_blank" rel="nofollow"
                                        data-bn-ipg="index-last-us-0">穷游简介</a></dd>
                                <dd><a href="//nav.qyer.com/contact" target="_blank" rel="nofollow"
                                        data-bn-ipg="index-last-us-1">联系我们</a></dd>
                                <dd><a href="//nav.qyer.com/partner" target="_blank" rel="nofollow"
                                        data-bn-ipg="index-last-us-2">合作伙伴</a></dd>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <dt>加入穷游</dt>
                                <dd><a href="//nav.qyer.com/job" target="_blank" rel="nofollow"
                                        data-bn-ipg="index-last-join-0">招聘职位</a></dd>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <dt>网站条款</dt>
                                <dd><a href="//nav.qyer.com/member" target="_blank" rel="nofollow"
                                        data-bn-ipg="index-last-legal-0">会员条款</a></dd>
                                <dd><a href="//nav.qyer.com/bbsguide" target="_blank" rel="nofollow"
                                        data-bn-ipg="index-last-legal-1">社区指南</a></dd>
                                <dd><a href="//nav.qyer.com/copyright" target="_blank" rel="nofollow"
                                        data-bn-ipg="index-last-legal-2">版权声明</a></dd>
                                <dd><a href="//nav.qyer.com/exemption" target="_blank" rel="nofollow"
                                        data-bn-ipg="index-last-legal-3">免责声明</a></dd>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <dt>帮助中心</dt>
                                <dd><a href="//nav.qyer.com/tyro" target="_blank" rel="nofollow"
                                        data-bn-ipg="index-last-help-0">新手上路</a></dd>
                                <dd><a href="//m.qyer.com/guide/page/aEKs7ooblmk/?lk=1" target="_blank" rel="nofollow"
                                        data-bn-ipg="index-last-help-1">使用帮助</a></dd>
                                <dd><a href="//www.qyer.com/sitemap.html" target="_blank"
                                        data-bn-ipg="index-last-help-2">网站地图</a></dd>
                                <dd><a href="//tool.qyer.com" target="_blank" data-bn-ipg="index-last-help-3">旅行工具</a>
                                </dd>
                            </dl>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="footer-wrap-black">
                <div class="footer-inner2">
                    <div class="footer-copyright"><a id="_pingansec_bottomimagelarge_brand"
                            href="http://si.trustutn.org/info?sn=689180104031307376164&amp;certType=1" rel="nofollow"
                            oncontextmenu="return false;" target="_blank" class="fr auth"><img
                                src="//pic.qyer.com/trustutn_large.jpg" border="0"></a><a id="___szfw_logo___"
                            href="https://credit.szfw.org/CX20160804028308170198.html" rel="nofollow"
                            oncontextmenu="return false;" target="_blank" class="fr chengxin auth"><img
                                src="//fes.qyerstatic.com/Fhpna9Tyhydsz95TBw2R_Zhnz31-" border="0"></a><a
                            href="//www.qyer.com/" rel="nofollow" data-bn-ipg="foot-logo"><img
                                src="//fes.qyerstatic.com/Fm_sXTXTL8H1Q0yx9JcwsIsTY7ke" width="84" height="36" alt="穷游网"
                                class="footer-logo"></a>
                        <p>2004-2025 © 穷游网® qyer.com All rights reserved. Version v5.57&nbsp;&nbsp;<a
                                href="http://beian.miit.gov.cn/" target="_blank"
                                rel="nofollow">京ICP备12003524号</a>&nbsp;&nbsp;
                            <a target="_blank"
                                href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502041090"><img
                                    height="14" src="//fes.qyerstatic.com/FpDv3ta6ot3lmanWsTh5c-jmSSPq"
                                    style="vertical-align: -2px;margin-right: 3px;">京公网安备11010502041090</a>
                            &nbsp;&nbsp;京ICP证140673号&nbsp;&nbsp;<a target="_blank"
                                href="//static.qyer.com/images/yyzz.jpg" style="color:inherit;">营业执照</a>&nbsp;&nbsp;<a
                                target="_blank" href="//static.qyer.com/images/jyxkz.jpg"
                                style="color:inherit;">经营许可证</a>&nbsp;&nbsp;<a target="_blank"
                                href="//static.qyer.com/images/cbwjyxkz.pdf" style="color:inherit;">出版物经营许可证</a>
                        </p>
                        <p><a href="//www.qyer.com/">穷游网</a>为<a href="//www.qyer.com/">旅行</a>者提供原创实用的<a
                                href="//www.qyer.com/">出境游</a><a href="//place.qyer.com/">旅行指南</a>和<a
                                href="//place.qyer.com/">旅游攻略</a>、<a href="//bbs.qyer.com/">旅行社区</a>和<a
                                href="//ask.qyer.com/">问答</a>交流平台，并提供<a href="//z.qyer.com/visa/">签证</a>、<a
                                href="//bx.qyer.com/">保险</a>、<a href="//flight.qyer.com/">机票</a>、<a
                                href="//hotel.qyer.com/">酒店预订</a>、<a href="//car.qyer.com/">租车</a>等服务。</p>
                    </div>
                    <div class="footer-links"><span>友情链接</span>
                        <p><a href="https://www.hertzgroup.cn/" target="_blank">Hertz国际租车</a><a
                                href="http://www.dazijia.com/" target="_blank">大自驾网</a><a
                                href="https://bbs.qyer.com/thread-3223352-1.html" target="_blank">凤凰古城住宿推荐</a><a
                                href="http://tool.qyer.com/qtag" target="_blank">信息聚合</a><a
                                href="http://www.wandoujia.com" target="_blank">豌豆荚安卓市场</a><a
                                href="http://travel.ifeng.com/" target="_blank">凤凰网旅游</a><a href="http://www.zuche.com/"
                                target="_blank">神州租车</a><a href="http://www.qianzhengdaiban.com/"
                                target="_blank">中国签证资讯网</a><a href="http://www.zglxw.com/" target="_blank">北京国旅官网</a><a
                                href="http://www.ly.com/" target="_blank">同程旅游</a><a href="http://www.meet99.com/"
                                target="_blank">相约久久旅游网</a><a href="http://vacations.ctrip.com/"
                                target="_blank">携程旅游网</a><a href="http://www.8264.com/" target="_blank">户外资料网</a><a
                                href="http://www.114piaowu.com/" target="_blank">火车票</a><a href="http://www.lvye.cn/"
                                target="_blank">绿野网</a><a href="http://www.cncn.com/" target="_blank">欣欣旅游网</a><a
                                href="http://www.lvmama.com" target="_blank">驴妈妈旅游网</a><a href="http://www.yododo.cn/"
                                target="_blank">多多驿站</a><a href="http://trip.elong.com/" target="_blank">艺龙旅游指南</a></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name: 'FooterView'
}
</script>

<style scoped>
.q-footer {
    margin: 0;
    padding: 0;
    outline: none;

    .q-home-footer {
        min-width: 1160px;
        background: #323232;
        color: #959595;

        .footer-wrap {
            .footer-inner {
                margin: 0 auto;
                padding: 30px 0 40px;
                width: 1160px;

                .clearfix {
                    zoom: 1;
                }

                li {
                    float: left;

                    dl {
                        position: relative;
                        padding-left: 18px;
                        width: 137px;
                        font-size: 14px;
                        line-height: 24px;

                        dt {
                            padding-bottom: 10px;
                            font-weight: 700;
                            color: silver;
                        }

                        dd {
                            padding-bottom: 6px;
                            padding-right: 40px;

                            a {
                                color: #959595;
                                transition: all .2s ease-in-out;
                                text-decoration: none;
                            }
                        }
                    }
                }
            }
        }
    }
}

.q-home-footer .footer-about dl:before {
    content: "";
    position: absolute;
    top: 4px;
    left: 40px;
    width: 3px;
    height: 16px;
    background: #2aaf55;
    background: linear-gradient(90deg, #2aaf55 0, #39c264);
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.q-home-footer .footer-wrap-black {
    background: #242424;

    .footer-inner2 {
        margin: 0 auto;
        padding: 20px 0;
        width: 1160px;

        .footer-copyright {
            padding-left: 95px;
            line-height: 20px;

            a {
                color: #959595;
                transition: all .2s ease-in-out;
                text-decoration: none;
            }
        }

        .footer-links {
            margin-top: 15px;
            padding-left: 70px;
            line-height: 20px;
            color: #3f3f3f;
            font-size: 0;

            span {
                float: left;
                margin-left: -70px;
                font-size: 14px;
                font-weight: 700;
            }

            a {
                display: inline-block;
                border-right: 1px solid #3f3f3f;
                padding-right: 4px;
                margin: 4px 4px 4px 0;
                font-size: 12px;
                line-height: 12px;
                white-space: nowrap;
                color: #3f3f3f;
                transition: all .2s ease-in-out;
            }
        }
    }
}
</style>